<%-- 
    Document   : RRHH_PARAMETRIZACION_PORCENTAJES
    Created on : 12-ene-2015, 19:10:30
    Author     : equipo_4
--%>

<%@page import="java.util.Calendar"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="RRHH_Modelo.RHH_FECHAS_HITO"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_Modelo.RHH_QUINCENA"%>
<%@page import="CONTABILIDAD_MODELO.CON_DATOS_EMPRESA"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
        <script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <script src="../js/RRHH/RRHH_PAGO_QUINCENA.js" type="text/javascript"></script>
        <title>PAGO QUINCENA</title>
    </head>
    <body>
        <div id="tituloFormulario" >PAGOS DE QUINCENA</div>
        <div id="CuerpoFormulario">
            <div id="entreperiodo">
                <div class="centrado" style="color: white;  margin-bottom: 10px;">
                    <span class="negrillaenter" id="ano" style="font-size: 30px; margin-top: -15px;"><%out.print(new GregorianCalendar().get(Calendar.YEAR));%></span>
                    <span class="negrilla" onclick="cambioMes(-1)" style="font-size: 22px; float: left">Anterior</span>
                    <span class="negrilla" id="mes" style="font-size: 22px;"><%out.print(new GregorianCalendar().get(Calendar.MONTH));%></span>
                    <span class="negrilla" onclick="cambioMes(1)" style="font-size: 22px; float: right;">Siguiente</span>
                </div>
            </div>
            <div  class='centrado' style="color: red; font-size: 15px; font-family: Helvetica; margin-top: -9px;"><span class="negrilla" id="msm"></span></div>
            <div class="centrado" id="table">

            </div>
            
            <div id="popUpbackGround" onclick="cerrarBackground()"></div>
            <div class="popup" id='alerta'>
                <span class="negrilla">¿Esta seguro que desea cerrar el mes?</span>
                <div class="centrado">
                    <button onclick="cerrames(1)" class="normal">SI</button>
                    <button onclick="cerrames(-1)" class="normal">NO</button>
                </div>
            </div>
            <div class="popupg"  id="popuphabilitacionConvocatoria" style="width: 1085px;">
                <div class="centrado negrilla" style="font-size: 16px;">ASIGNACION DE QUINCENA</div><br><br>
                <div class="centrado">
                    <input type="text" class="Extragrande" placeholder="BUSCAR" name='buscar' onkeyup="configurar(event)"/>
                </div>
                <div id="usuarios" style="overflow-y:auto; height: 82%; overflow-x: hidden;">

                </div>
            </div>
            <footer >
                <a  href="#" onclick="pagarquincena();" id="cerrar"><img src="../img/iconos/generarComprobante.png" alt=""/><br/>
                   CERRAR PLANILLA
                </a >
                <a  href="#"  onclick="conf();" id="config"><img  src="../img/iconos/copiarComprobante.png" alt=""/><br/>
                   CONFIGURACION
                </a >
                <a  href="#" id="nuevoc"><img  src="../img/iconos/nuevoComprobante.png" alt=""/><br/>
                   EXPORTAR PDF
                </a >
                <a href="#" id="imprimir"><img src="../img/iconos/imprimir.png" /><br/>
                    IMPRIMIR
                </a>
            </footer>
        </div>
    </body>    
</html>
